<template>
  <div class="h-full flex flex-col">
    <a-affix :offset-top="50">
      <a-menu
        mode="horizontal"
        :selectedKeys="selectedKeys"
        type="inner"
        class="bg-[#f0f2f5] mb-2"
      >
        <a-menu-item key="/dataAssessment/dataController">
          <router-link to="/dataAssessment/dataController">{{
            $t("user.verification-code.required1115661105776")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/dataAssessment/dccManage">
          <router-link to="/dataAssessment/dccManage">{{
            $t("user.verification-code.required1115661105777")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/dataAssessment/dataAssessmentList">
          <router-link to="/dataAssessment/dataAssessmentList">{{
            $t("user.verification-code.required1115661105778")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/dataAssessment/questionList">
          <router-link to="/dataAssessment/questionList">{{
            $t("user.verification-code.required1115661105779")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/dataAssessment/requirementsList">
          <router-link to="/dataAssessment/requirementsList">{{
            $t("user.verification-code.required1115661105780")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/dataAssessment/actionManagement">
          <router-link to="/dataAssessment/actionManagement">{{
            $t("system.actionmanage.title")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/classification/optionsGrade">
          <router-link to="/classification/optionsGrade">{{
            $t("user.verification-code.required1115661105781")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/classification/optionsSensitivity">
          <router-link to="/classification/optionsSensitivity">{{
            $t("user.verification-code.required1115661105782")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/classification/optionsProtectionLevel">
          <router-link to="/classification/optionsProtectionLevel">{{
            $t("user.verification-code.required1115661105783")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/dataAssessment/dataProcessor">
          <router-link to="/dataAssessment/dataProcessor">{{
            $t("user.verification-code.required1115661105784")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/dataAssessment/city">
          <router-link to="/dataAssessment/city">{{
            $t("user.verification-code.required1115661105785")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/dataAssessment/dataStorageLocation">
          <router-link to="/dataAssessment/dataStorageLocation">{{
            $t("user.verification-code.required111566110577140")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/dataAssessment/collectionChannels">
          <router-link to="/dataAssessment/collectionChannels">{{
            $t("user.password.twice.msg")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/dataAssessment/dataProcessingActivityStage">
          <router-link to="/dataAssessment/dataProcessingActivityStage">{{
            $t("user.verification-code.required111566110577148")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/dataAssessment/dataProcessingActivityType">
          <router-link to="/dataAssessment/dataProcessingActivityType">{{
            $t("user.verification-code.required111566110577149")
          }}</router-link>
        </a-menu-item>
        <!-- 获得帮助 -->
        <a-menu-item key="/dataAssessment/getHelp">
          <router-link to="/dataAssessment/getHelp">{{
            $t("helptxt")
          }}</router-link>
        </a-menu-item>
        <!-- 应用类型管理 -->
        <a-menu-item key="/dataAssessment/typeManagement">
          <router-link to="/dataAssessment/typeManagement">{{
            $t("management.type1")
          }}</router-link>
        </a-menu-item>
        <a-menu-item key="/dataAssessment/emailManagement">
          <router-link to="/dataAssessment/emailManagement">{{
            $t("system.emailmanage.title")
          }}</router-link>
        </a-menu-item>
        <!-- icl -->
        <a-menu-item key="/dataAssessment/icl">
          <router-link to="/dataAssessment/icl">{{
            $t('icl.title') }}</router-link>
        </a-menu-item>
          <!-- 自动推送通知模板 -->
        <!-- <a-menu-item key="/dataAssessment/notification">
          <router-link to="/dataAssessment/notification">自动推送通知模板</router-link>
        </a-menu-item> -->
      </a-menu>
    </a-affix>
    <route-view class="flex-1" />
  </div>
</template>

<script>
import menutabs from "@/mixins/menu-mixin";

export default {
  mixins: [menutabs],
  data() {
    return {
      routeList: [
        {
          path: "/dataAssessment/dataController",
          title: "数据控制者管理",
        },
        {
          path: "/dataAssessment/dccManage",
          title: "数据分类分级管理",
        },
        {
          path: "/dataAssessment/dataAssessmentList",
          title: "DPIA模板列表",
        },
        {
          path: "/dataAssessment/questionList",
          title: "DPIA题库管理",
        },
        {
          path: "/dataAssessment/requirementsList",
          title: "数据安全要求",
        },
        {
          path: "/classification/optionsGrade",
          title: "数据保护级别",
        },
        {
          path: "/classification/optionsSensitivity",
          title: "数据敏感度设置",
        },
        {
          path: "/classification/optionsProtectionLevel",
          title: "系统保护等级",
        },
        {
          path: "/dataAssessment/dataProcessor",
          title: "数据处理者",
        },
        {
          path: "/dataAssessment/city",
          title: "城市",
        },
        {
          path: "/dataAssessment/dataStorageLocation",
          title: "数据存放地点",
        },
        {
          path: "/dataAssessment/collectionChannels",
          title: "收集渠道",
        },
        {
          path: "/dataAssessment/dataProcessingActivityStage",
          title: "数据处理活动阶段",
        },
        {
          path: "/dataAssessment/dataProcessingActivityType",
          title: "数据处理活动类型",
        },
      ],
    };
  },
};
</script>
<style lang="less" scoped>